/* =====
    tab
   ===== */
$h: 41px;

$h-small: 38px;

.ui-tab {
  height: $h;
  margin-bottom: 20px;
  line-height: $h - 1px;
  font-size: $font-size-normal;

  .tab-item {
    float: left;
    display: inline;
  }

  &.tab-card {
    border-bottom: 1px solid $background-gray-hover;
    .tab-item {
      margin-right: 4px;
      padding-left: 20px;
      padding-right: 20px;
      border: 1px solid $background-gray-hover {
        bottom: 0;
      };
      border-radius: 4px 4px 0 0;
      background: $background-gray-hover;
    }
    .current {
      background: $color-white;
    }
  }

  &.tab-line {
    border-bottom: 1px solid $color-border;
    .tab-item {
      margin-right: 37px;
    }
    .current {
      color: $color-primary;
      border-bottom: 1px solid $color-primary;
    }
  }

  &.small {
    height: $h-small;
    line-height: $h-small - 1px;
    font-size: $font-size-small;
  }
}




